/* pages/home-school-export-student/home-school-export-student.wxss */
.document-student-wrapper {
  height: 100vh;
  width: 100vw;
  background-color: #f2f2f2;

  .student-box {
    .search-bar {
      margin-top: 20rpx;
      display: flex;
      justify-content: center;
      position: relative;

      .placeholder-box {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto auto;
        display: flex;
        align-items: center;
        justify-content: center;

        image {
          width: 38rpx;
          height: 38rpx;
        }

        view {
          margin-left: 16rpx;
          color: #b7b7b7;
          font-size: 32rpx;
        }
      }

      input {
        height: 72rpx;
        width: 96vw;
        background-color: #ffffff;
        border-radius: 15rpx;
        text-align: center;
      }
    }
  }

  .list-box {
    margin-top: 20rpx;
    width: 100vw;
    height: 100%;
    background-color: #ffffff;
    overflow: hidden;

    .index-item {
      margin-top: 48rpx;
      padding-left: 4vw;
      font-size: 30rpx;
      color: #949494;
      font-weight: 700;
      padding-bottom: 3rpx;
      border-bottom: 1rpx solid #e5e5e5;
    }

    .group-item {
      padding-left: 4vw;
      height: 83rpx;
      display: flex;
      align-items: center;
      font-size: 32rpx;
      border-bottom: 1rpx solid #e5e5e5;
      position: relative;

      .homework {
        width: 18rpx;
        height: 18rpx;
        background-color: #5997f6;
        border-radius: 50%;
        position: absolute;
        top: 16rpx;
        left: 16rpx;
      }

      .homework-done {
        @extend .homework;
        background-color: #5997f6;
      }

      .homework-fail {
        @extend .homework;
        background-color: #e83323;
      }
    }
  }
}